   <!-- Features Section -->
   <div id="featuresSection" class="container space-2  ">
       
       
      

       <!-- Title -->
       <div class="w-md-80 w-lg-50 text-center mx-md-auto mb-9">
           <span class="btn btn-xs btn-soft-success btn-pill mb-2">核心优点</span>
           <h2>提供一套完整的内容管理框架，让您无须考虑架构，性能，系统资源调配等基础设施问题。</h2>
       </div>
       <!-- End Title -->

       <div id="SVGkeyFeatures" class="svg-preloader card-deck card-lg-gutters-2 d-block d-lg-flex">
           <div class="card shadow mb-3 mb-lg-0">
               <!-- Icon Blocks -->
               <div class="card-body p-5">
                   <figure class="ie-height-56 w-100 max-width-8 mb-4">
                       <img class="js-svg-injector" src="~/front-assets/svg/icons/icon-9.svg" alt="SVG"
                            data-parent="#SVGkeyFeatures">
                   </figure>
                   <h3 class="h5">SOLID架构</h3>
                   <p class="font-size-1">
                       基于强大的基础框架构建的分层，干净的源代码。


                   </p>
                   @*<a class="font-size-1" href="#">Explore now <span class="fas fa-angle-right align-middle ml-2"></span></a>*@
               </div>
               <!-- End Icon Blocks -->
           </div>

           <div class="card shadow mb-3 mb-lg-0">
               <!-- Icon Blocks -->
               <div class="card-body p-5">
                   <figure class="ie-height-56 w-100 max-width-8 mb-4">
                       <img class="js-svg-injector" src="~/front-assets/svg/icons/icon-3.svg" alt="SVG"
                            data-parent="#SVGkeyFeatures">
                   </figure>
                   <h3 class="h5">自定义化</h3>
                   <p class="font-size-1">52ABP可以通过其自由的扩展性以及模块化的特点,便于组件和功能进行二次修改和扩充。</p>
                   @*<a class="font-size-1" href="#">Explore now <span class="fas fa-angle-right align-middle ml-2"></span></a>*@
               </div>
               <!-- End Icon Blocks -->
           </div>

           <div class="card bg-primary text-white shadow-primary-lg mb-3 mb-lg-0">
               <!-- Icon Blocks -->
               <div class="card-body p-5">
                   <figure class="ie-height-56 w-100 max-width-8 mb-4">
                       <img class="js-svg-injector" src="~/front-assets/svg/icons/icon-white-5.svg" alt="SVG"
                            data-parent="#SVGkeyFeatures">
                   </figure>
                   <h3 class="h5">高级 <span class="badge badge-success font-weight-medium badge-pill ml-1">52ABP-PRO</span></h3>
                   <p class="text-white font-size-1">您不用将您宝贵的时间，来重新开发登录，身份验证，用户/角色/权限管理，本地化，设置系统，审计日志记录，多租户，UI组件，异常处理系统等等......我们都提前给你准备好了</p>
                   @*<a class="text-white font-size-1" href="#">Explore now <span class="fas fa-angle-right align-middle ml-2"></span></a>*@
               </div>
               <!-- End Icon Blocks -->
           </div>

           <div class="card shadow">
               <!-- Icon Blocks -->
               <div class="card-body p-5">
                   <figure class="ie-height-56 w-100 max-width-8 mb-4">
                       <img class="js-svg-injector" src="~/front-assets/svg/icons/icon-2.svg" alt="SVG"
                            data-parent="#SVGkeyFeatures">
                   </figure>
                   <h3 class="h5">文档</h3>
                   <p class="font-size-1">我们的每一个功能和组件都由提供文档和用例说明。</p>
                   @*<a class="font-size-1" href="#">Explore now <span class="fas fa-angle-right align-middle ml-2"></span></a>*@
               </div>
               <!-- End Icon Blocks -->
           </div>
       </div>
   </div>
<!-- End Features Section -->
<!-- Icon Blocks Section -->
   <div class="container space-2">
       <!-- Title -->
       <div class="w-md-75 w-lg-50 text-center mx-md-auto mb-9">
           <h2 class="h1 font-weight-normal">  架构设计  </h2>            
           <p>架构设计层面是基于DDD(领域驱动设计)的经典分层架构，旨在开发高可用、多复用的框架。</p>
       </div>
       <!-- End Title -->
       <div class="row justify-content-md-between">
           <div class="col-sm-6 offset-sm-3 col-lg-4 offset-lg-0 mb-9 mb-lg-0">
               <!-- Icon Block -->
               <div class="text-center px-lg-5">
                   <figure id="icon12" class="svg-preloader ie-height-72 max-width-10 mx-auto mb-3">
                       <img class="js-svg-injector" src="~/front-assets/svg/icons/icon-12.svg" alt="SVG"
                            data-parent="#icon12">
                   </figure>
                   <h3 class="h5">  多层架构系统</h3>
                   <p>
                       分层是一种广泛接受的技术，有助于降低复杂性并提高代码的可重用性。52ABP框架提供了构建模块的基础结构，并将它们组合在一起以创建应用程序。
                   </p>
                   @*<a class="btn btn-sm btn-soft-primary transition-3d-hover" href="#">
                    Learn More
                    <span class="fas fa-angle-right ml-2"></span>
                </a>*@
               </div>
               <!-- End Icon Block -->
           </div>

           <div class="col-sm-6 col-lg-4 mb-9 mb-lg-0">
               <!-- Icon Block -->
               <div class="text-center px-lg-5">
                   <figure id="icon10" class="svg-preloader ie-height-72 max-width-10 mx-auto mb-3">
                       <img class="js-svg-injector" src="~/front-assets/svg/icons/icon-10.svg" alt="SVG"
                            data-parent="#icon10">
                   </figure>
                   <h3 class="h5">
                       领域驱动设计(DDD)
                   </h3>
                   <p>
                       遵循DDD（领域驱动设计）的原则， 将工程分为 四个层： 展现层(Presentation)、 应用层(Appli- cation)、 领域层(Domain)、 基础设施层(Infras- tructure)。

                   </p>

               </div>
               <!-- End Icon Block -->
           </div>

           <div class="col-sm-6 col-lg-4">
               <!-- Icon Block -->
               <div class="text-center px-lg-5">
                   <figure id="icon11" class="svg-preloader ie-height-72 max-width-10 mx-auto mb-3">
                       <img class="js-svg-injector" src="~/front-assets/svg/icons/icon-11.svg" alt="SVG"
                            data-parent="#icon11">
                   </figure>
                   <h3 class="h5">
                       跨平台
                       CROSS PLATFORM
                   </h3>
                   <p>
                       基于.Net Core，集成了ASP.NET Core,Entity Framework Core成为跨平台的基础设置架构。 部署灵活、可搭配 Docker 容器使用。开放源代码。

                   </p>

               </div>
               <!-- End Icon Block -->
           </div>

           <div class="col-sm-6 offset-sm-3 col-lg-4 offset-lg-0 mb-9 mb-lg-0">
               <!-- Icon Block -->
               <div class="text-center px-lg-5">
                   <figure id="icon62" class="svg-preloader ie-height-72 max-width-10 mx-auto mb-3">
                       <img class="js-svg-injector" src="~/front-assets/svg/icons/icon-62.svg" alt="SVG"
                            data-parent="#icon62">
                   </figure>
                   <h3 class="h5">
                       内置多租户
                       MULTI-TENANCY
                   </h3>
                   <p>
                       SaaS应用程序的租户和版本（包）管理
                       单个数据库，每个租户的数据库和混合数据库支持
                       可以在多租户和单租户模式下工作


                   </p>

               </div>
               <!-- End Icon Block -->
           </div>

           <div class="col-sm-6 col-lg-4 mb-9 mb-lg-0">
               <!-- Icon Block -->
               <div class="text-center px-lg-5">
                   <figure id="icon47" class="svg-preloader ie-height-72 max-width-10 mx-auto mb-3">
                       <img class="js-svg-injector" src="~/front-assets/svg/icons/icon-47.svg" alt="SVG"
                            data-parent="#icon47">
                   </figure>
                   <h3 class="h5">
                       高级身份验证和授权
                   </h3>
                   <p>
                       丰富的登录选项和完整的授权系统
                       基于ASP.NET Identity框架
                       用户和角色管理页面
                       分层组织单元系统，用于对用户和实体进行分组
                       用户登录，注册，密码重置和电子邮件验证页面


                   </p>

               </div>
               <!-- End Icon Block -->
           </div>

           <div class="col-sm-6 col-lg-4">
               <!-- Icon Block -->
               <div class="text-center px-lg-5">
                   <figure id="icon56" class="svg-preloader ie-height-72 max-width-10 mx-auto mb-3">
                       <img class="js-svg-injector" src="~/front-assets/svg/icons/icon-56.svg" alt="SVG"
                            data-parent="#icon56">
                   </figure>



                   <h3 class="h5">防止DRY</h3>
                   <p>
                       框架会自动处理验证记录、异常处理、
                       高速缓存、自动审计/安全日志记录、
                       自动数据库连接管理和工作单元实现


                   </p>




               </div>
               <!-- End Icon Block -->
           </div>


           <div class="col-sm-6 offset-sm-3 col-lg-4 offset-lg-0 mb-9 mb-lg-0">
               <!-- Icon Block -->
               <div class="text-center px-lg-5">
                   <figure id="icon40" class="svg-preloader ie-height-72 max-width-10 mx-auto mb-3">
                       <img class="js-svg-injector" src="~/front-assets/svg/icons/icon-40.svg" alt="SVG"
                            data-parent="#icon40">
                   </figure>
                   <h3 class="h5">
                       多个ORM /数据库支持
                       MULTIPLE ORM/DATABASE SUPPORT
                   </h3>
                   <p>
                       支持Entity Framework Core、Dapper以及 MongoDB、My SQL、Sql Server、PostgreSql等！


                   </p>

               </div>
               <!-- End Icon Block -->
           </div>

           <div class="col-sm-6 col-lg-4 mb-9 mb-lg-0">
               <!-- Icon Block -->
               <div class="text-center px-lg-5">
                   <figure id="icon46" class="svg-preloader ie-height-72 max-width-10 mx-auto mb-3">
                       <img class="js-svg-injector" src="~/front-assets/svg/icons/icon-46.svg" alt="SVG"
                            data-parent="#icon46">
                   </figure>
                   <h3 class="h5">
                       配套代码生成器
                       让开发速度效率再次提升
                   </h3>
                   <p>
                       ABP Code Power Tools 是基于52ABP框架制作的 代码生成器， 可以用于大家在日常开发过程中节 约时间， 把更多的精力放于业务逻辑的处理中。   <a target="_blank" href="https://marketplace.visualstudio.com/items?itemName=werltm.52ABPCodeGenerator">
                           下载

                       </a>
                   </p>

               </div>
               <!-- End Icon Block -->
           </div>

           <div class="col-sm-6 col-lg-4">
               <!-- Icon Block -->
               <div class="text-center px-lg-5">
                   <figure id="icon44" class="svg-preloader ie-height-72 max-width-10 mx-auto mb-3">
                       <img class="js-svg-injector" src="~/front-assets/svg/icons/icon-44.svg" alt="SVG"
                            data-parent="#icon44">
                   </figure>
                   <h3 class="h5">稳定的 开源的代码库</h3>
                   <p> 涉及到的组件和核心模块均在    <a target="_blank" href="https://github.com/52ABP">Github</a>和  <a target="_blank" href="https://gitee.com/aiabpedu">Gitee</a>开源， 使用 MIT许可证，正在积极开发 中并开放 贡献，欢迎提交代码。</p>




               </div>
               <!-- End Icon Block -->
           </div>






       </div>
   </div>
<!-- End Icon Blocks Section -->
 

 